﻿<link href="~/admui-13945148017-1592211513218/public/css/examples/pages/general/user.css" rel="stylesheet" />
<script src="~/admui-13945148017-1592211513218/vendor/bootstrap-sweetalert/sweetalert.min.js"></script>
<script src="~/admui-13945148017-1592211513218/themes/global/js/components/bootstrap-sweetalert.min.js"></script>
<script src="~/admui-13945148017-1592211513218/js/examples/components/advanced/bootbox-sweetalert.min.js"></script>
<script src="~/admui-13945148017-1592211513218/public/js/tsk/sweetalert.min.js"></script>
<style type="text/css">
    body {
        font-size: 84%;
        color: #333333;
        line-height: 1.4;
    }

    a {
        color: #34538b;
    }

    #Searchresult {
        width: 300px;
        height: 100px;
        padding: 20px;
        background: #f0f3f9;
    }

    .num {
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

    .demo {
        margin-bottom: 20px;
        text-align: center;
    }
</style>

<link href="~/admui-13945148017-1592211513218/public/js/fy/static/jquery.sPage.css" rel="stylesheet" />
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="~/admui-13945148017-1592211513218/public/js/fy/static/jquery.sPage.min.js"></script>
<script>

    $(document).ready(function () {
        $("#SpanKeHu").click();
        bang(0, 10, 1);
    });
    function bang(start, limit, page) {
        var p = page || 1;

        console.log(p);
        console.log(start);
        console.log(limit);
        //ajax请求数据
        $.ajax({
            type: "POST",
            url: "../KeHu/InitializationDataTable",
            cache: false,  //禁用缓存
            data: { "start": start, "limit": limit, "TiaoJian": "" + $("#inputSearch").val() + "" },  //传入组装的参数
            dataType: "json",
            success: function (result) {
                var str = "";
                console.log(result.data);
                var data = result.data;
                for (var i = 0; i < data.length; i++) {
                    str += "<li class=\"list-group-item\">" +
                        "<div class=\"media\">" +
                        "<div class=\"pr-0 pr-sm-20 align-self-center\">" +
                        "<div class=\"avatar avatar-online\"><img src=\"/admui-13945148017-1592211513218/public/images/avatar.svg\" alt=\"...\"><i></i></div></div>" +
                        "<div class=\"media-body align-self-center\">" +
                        "<h4 class=\"mt-0 mb-10\">" + data[i].KeHuXingMing +
                        "<small>&nbsp;&nbsp;&nbsp;&nbsp;上次跟进时间：1 小时前</small>" +
                        "</h4>" +
                        "<p>" +
                        "<i class=\"icon icon-color wb-map\" aria-hidden=\"true\"></i>" + data[i].GOngZuoDiZhi + "" +
                        "<i class=\"icon icon-color wb-mobile\" style=\"padding-left:30px;\" aria-hidden=\"true\"></i>" + data[i].ShouJiHaoMa + "" +
                        //"<i class=\"icon icon-color fa-wechat\" style=\"padding-left:10px;\" aria-hidden=\"true\"></i>" + data[i] + "" +
                        "</p>" +
                        "<div>" +
                        "<a class=\"text-action\" href=\"KeHuAdd?Id=" + data[i].Id+"\">" +
                        "<i class=\"icon icon-color wb-pencil\" aria-hidden=\"true\"></i>" +
                        "</a>" +
                        "<a class=\"text-action\" href=\"javascript:;\">" +
                        "<i class=\"icon icon-color wb-mobile\" aria-hidden=\"true\"></i>" +
                        "</a>" +
                        "<a class=\"text-action\" href=\"javascript:;\">" +
                        "<i class=\"icon icon-color fa-qq\" aria-hidden=\"true\"></i>" +
                        "</a>" +
                        "<a class=\"text-action\" href=\"javascript:;\">" +
                        "<i class=\"icon icon-color fa-wechat\" aria-hidden=\"true\"></i>" +
                        "</a>" +
                        "<a class=\"text-action\" href=\"javascript:;\">" +
                        "<i class=\"icon icon-color fa-weibo\" aria-hidden=\"true\"></i>" +
                        "</a>" +
                        "</div>" +
                        "</div>" +
                        "<div class=\"media-right\">" +
                        "<button type=\"button\" class=\"btn btn-outline btn-success btn-sm\" onclick=\"BaoBei(" + data[i].Id + ");\">报备</button>" +
                        "<button type=\"button\" class=\"btn btn-outline btn-success btn-sm\" style=\"margin-left:10px;\" onclick=\"GenJin(" + data[i].Id + ");\" data-target=\"#exampleFormModalGJ\" data-toggle=\"modal\">跟进</button>" +
                        "</div>" +
                        "</div>" +
                        "</li>"
                }
                $("#div_kehu").html(str);

                $("#myPage").sPage({
                    page: p,//当前页码
                    pageSize: 10,//每页显示多少条数据，默认10条
                    total: result.total,//数据总条数,后台返回
                    backFun: function (page) {
                        //点击分页按钮回调函数，返回当前页码
                        bang((page - 1) * 10, 10, page);
                    }
                });
            }
        });
    }



    function BaoBei(KeHuId) {
        var YeWuYuanId = 2;
        $.ajax({
            type: "POST",
            url: "../KeHu/BaoBeiSubMit",
            cache: false,  //禁用缓存
            data: { "KeHuId": "" + KeHuId + "", "YeWuYuanId": "" + YeWuYuanId + "", "XiaoShouDongZuo": "报备", "MiaoShu": "报备" },  //传入组装的参数
            dataType: "text",
            success: function (result) {
                console.log(result);
                if (result == "success") {
                    swal("成功提示!", "报备成功!", "success");
                    //setTimeout(function () { window.location.href = "/Index/Index.aspx"; }, 2000);
                }
                else {
                    swal("失败提示!", "报备失败!", "error");
                }
            }
        });
    }

    function GenJin(KeHuId) {
        $("#div_KeHuId").text(KeHuId);
    }

    function Submit() {
        var YeWuYuanId = 2;
        var KeHuId = $("#div_KeHuId").text();
        var MiaoShu = $("#xiangxi").val();
        $.ajax({
            type: "POST",
            url: "../KeHu/BaoBeiSubMit",
            cache: false,  //禁用缓存
            data: { "KeHuId": "" + KeHuId + "", "YeWuYuanId": "" + YeWuYuanId + "", "XiaoShouDongZuo": "报备", "MiaoShu": ""+MiaoShu+"" },  //传入组装的参数
            dataType: "text",
            success: function (result) {
                if (result == "success") {
                    swal("成功提示!", "报备成功!", "success");
                    $("#guanbi").click();
                    //setTimeout(function () { window.location.href = "/Index/Index.aspx"; }, 2000);
                }
                else {
                    swal("失败提示!", "报备失败!", "error");
                }
            }
        });
        
    }
</script>
<div id="div_KeHuId" style="display:none;"></div>
<div class="page-container" id="admui-pageContent">
    <div class="page animation-fade page-user">

        <div class="page-header">
            <h1 class="page-title">客户列表</h1>
            <ol class="breadcrumb">
             
                <li class="breadcrumb-item">
                    <a class="icon wb-home" href="javascript:;">客户管理</a>
                </li>
                <li class="breadcrumb-item active">客户列表</li>
            </ol>
        </div>

        <div class="page-content">

            <div class="panel">
                <div class="panel-body" style="margin:-20px 0px 0px -20px;">
                    <div class="page-search-form" style="margin-bottom:30px;" role="search">
                        <div class="input-search input-search-dark">
                            <i class="input-search-icon wb-search" aria-hidden="true"></i>
                            <input type="text" class="form-control" id="inputSearch" name="search" style="width:90%; float:left;" placeholder="查找用户">
                            <div style="width:8%; margin-left:92%;">
                                <button type="button" class="btn btn-primary btn-outline btn-round" onclick="bang(0,10,1);" style="width:100%;" aria-label="查询">查询</button>
                            </div>
                        </div>
                    </div>
                    <div class="nav-tabs-horizontal">
                        <div class="dropdown page-user-sortlist d-none d-sm-block">
                            排序方式：
                            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;" aria-expanded="false">
                                最后登录
                            </a>
                            <div class="dropdown-menu animation-scale-up animation-top-right animation-duration-250 dropdown-menu-right"
                                 aria-labelledby="exampleSizingDropdown4" role="menu">
                                <a class="dropdown-item active" href="javascript:;" role="menuitem">最近联系</a>
                                <a class="dropdown-item" href="javascript:;" role="menuitem">用户名</a>
                                <a class="dropdown-item" href="javascript:;" role="menuitem">地址</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="javascript:;" role="menuitem">注册日期</a>
                            </div>
                        </div>
                        <ul class="nav nav-tabs nav-tabs-line" role="tablist">
                            @*<li class="nav-item">
                                    <a class="nav-link active" data-toggle="tab" href="#all_contacts" aria-controls="all_contacts"
                                       role="tab">所有客户</a>
                                </li>*@
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#my_contacts" aria-controls="my_contacts" role="tab">我的客户</a>
                            </li>
                            @*<li class="nav-item dropdown" role="presentation">
                                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="javascript:;"
                                       aria-expanded="false">
                                        客户
                                    </a>
                                    <div class="dropdown-menu" role="menu">
                                        <a class="dropdown-item" data-toggle="tab" href="#" aria-controls="all_contacts" role="tab">其他客户</a>
                                        <a class="dropdown-item" data-toggle="tab" href="#" aria-controls="my_contacts" role="tab">观望客户</a>
                                    </div>
                                </li>*@
                        </ul>
                        <div class="tab-content">
                            <div>
                                @*<div class="tab-pane animation-fade active" id="all_contacts" role="tabpanel">
                                        <ul class="list-group">
                                            <li class="list-group-item">
                                                <div class="media">
                                                    <div class="pr-0 pr-sm-20 align-self-center">
                                                        <div class="avatar avatar-online">
                                                            <img src="../../../../public/images/portraits/1.jpg" alt="...">
                                                            <i class="avatar avatar-busy"></i>
                                                        </div>
                                                    </div>
                                                    <div class="media-body align-self-center">
                                                        <h4 class="mt-0 mb-10">
                                                            李霞
                                                            <small>最近联系：1 小时前</small>
                                                        </h4>
                                                        <p>
                                                            <i class="icon icon-color wb-map" aria-hidden="true"></i>广东省广州市越秀区中山六路109
                                                        </p>
                                                        <div>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-envelope" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-mobile" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-qq" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-wechat" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-weibo" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="media-right">
                                                        <button type="button" class="btn btn-outline btn-success btn-sm">
                                                            收藏
                                                        </button>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="media">
                                                    <div class="pr-0 pr-sm-20 align-self-center">
                                                        <div class="avatar avatar-away">
                                                            <img src="../../../../public/images/portraits/2.jpg" alt="...">
                                                            <i class="avatar avatar-busy"></i>
                                                        </div>
                                                    </div>
                                                    <div class="media-body align-self-center">
                                                        <h4 class="mt-0 mb-10">
                                                            杜重治
                                                            <small>最近联系：2 小时前</small>
                                                        </h4>
                                                        <p>
                                                            <i class="icon icon-color wb-map" aria-hidden="true"></i>广东省广州市越秀区中山六路109
                                                        </p>
                                                        <div>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-envelope" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-mobile" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-qq" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-wechat" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-weibo" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="media-right">
                                                        <button type="button" class="btn btn-outline btn-success btn-sm">
                                                            收藏
                                                        </button>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="media">
                                                    <div class="pr-0 pr-sm-20 align-self-center">
                                                        <div class="avatar avatar-busy">
                                                            <img src="../../../../public/images/portraits/3.jpg" alt="...">
                                                            <i class="avatar avatar-busy"></i>
                                                        </div>
                                                    </div>
                                                    <div class="media-body align-self-center">
                                                        <h4 class="mt-0 mb-10">
                                                            陈锋
                                                            <small>最近联系：3 小时前</small>
                                                        </h4>
                                                        <p>
                                                            <i class="icon icon-color wb-map" aria-hidden="true"></i>广东省广州市越秀区中山六路109
                                                        </p>
                                                        <div>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-envelope" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-mobile" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-qq" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-wechat" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-weibo" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="media-right">
                                                        <button type="button" class="btn btn-success btn-default btn-sm">
                                                            <i class="icon wb-check" aria-hidden="true"></i>已收藏
                                                        </button>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="media">
                                                    <div class="pr-0 pr-sm-20 align-self-center">
                                                        <div class="avatar avatar-off">
                                                            <img src="../../../../public/images/portraits/4.jpg" alt="...">
                                                            <i class="avatar avatar-busy"></i>
                                                        </div>
                                                    </div>
                                                    <div class="media-body align-self-center">
                                                        <h4 class="mt-0 mb-10">
                                                            郑伯宁
                                                            <small>最近联系：4 小时前</small>
                                                        </h4>
                                                        <p>
                                                            <i class="icon icon-color wb-map" aria-hidden="true"></i>广东省广州市越秀区中山六路109
                                                        </p>
                                                        <div>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-envelope" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-mobile" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-qq" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-wechat" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-weibo" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="media-right">
                                                        <button type="button" class="btn btn-success btn-default btn-sm">
                                                            <i class="icon wb-check" aria-hidden="true"></i>已收藏
                                                        </button>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="media">
                                                    <div class="pr-0 pr-sm-20 align-self-center">
                                                        <div class="avatar avatar-online">
                                                            <img src="../../../../public/images/portraits/5.jpg" alt="...">
                                                            <i class="avatar avatar-busy"></i>
                                                        </div>
                                                    </div>
                                                    <div class="media-body align-self-center">
                                                        <h4 class="mt-0 mb-10">
                                                            施华军
                                                            <small>最近联系：5 小时前</small>
                                                        </h4>
                                                        <p>
                                                            <i class="icon icon-color wb-map" aria-hidden="true"></i>广东省广州市越秀区中山六路109
                                                        </p>
                                                        <div>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-envelope" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-mobile" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-qq" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-wechat" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-weibo" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="media-right">
                                                        <button type="button" class="btn btn-outline btn-success btn-sm">
                                                            收藏
                                                        </button>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="media">
                                                    <div class="pr-0 pr-sm-20 align-self-center">
                                                        <div class="avatar avatar-away">
                                                            <img src="../../../../public/images/portraits/6.jpg" alt="...">
                                                            <i class="avatar avatar-busy"></i>
                                                        </div>
                                                    </div>
                                                    <div class="media-body align-self-center">
                                                        <h4 class="mt-0 mb-10">
                                                            吴书振
                                                            <small>最近联系：6 小时前</small>
                                                        </h4>
                                                        <p>
                                                            <i class="icon icon-color wb-map" aria-hidden="true"></i>广东省广州市越秀区中山六路109
                                                        </p>
                                                        <div>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-envelope" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-mobile" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-qq" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-wechat" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-weibo" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="media-right">
                                                        <button type="button" class="btn btn-success btn-default btn-sm">
                                                            <i class="icon wb-check" aria-hidden="true"></i>已收藏
                                                        </button>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="media">
                                                    <div class="pr-0 pr-sm-20 align-self-center">
                                                        <div class="avatar avatar-busy">
                                                            <img src="../../../../public/images/portraits/7.jpg" alt="...">
                                                            <i class="avatar avatar-busy"></i>
                                                        </div>
                                                    </div>
                                                    <div class="media-body align-self-center">
                                                        <h4 class="mt-0 mb-10">
                                                            张宁
                                                            <small>最近联系：7 小时前</small>
                                                        </h4>
                                                        <p>
                                                            <i class="icon icon-color wb-map" aria-hidden="true"></i>广东省广州市越秀区中山六路109
                                                        </p>
                                                        <div>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-envelope" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-mobile" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-qq" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-wechat" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-weibo" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="media-right">
                                                        <button type="button" class="btn btn-success btn-default btn-sm">
                                                            <i class="icon wb-check" aria-hidden="true"></i>已收藏
                                                        </button>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="media">
                                                    <div class="pr-0 pr-sm-20 align-self-center">
                                                        <div class="avatar avatar-off">
                                                            <img src="../../../../public/images/portraits/8.jpg" alt="...">
                                                            <i class="avatar avatar-busy"></i>
                                                        </div>
                                                    </div>
                                                    <div class="media-body align-self-center">
                                                        <h4 class="mt-0 mb-10">
                                                            马世波
                                                            <small>最近联系：8 小时前</small>
                                                        </h4>
                                                        <p>
                                                            <i class="icon icon-color wb-map" aria-hidden="true"></i>广东省广州市越秀区中山六路109
                                                        </p>
                                                        <div>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-envelope" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-mobile" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-qq" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-wechat" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-weibo" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="media-right">
                                                        <button type="button" class="btn btn-outline btn-success btn-sm">
                                                            收藏
                                                        </button>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="media">
                                                    <div class="pr-0 pr-sm-20 align-self-center">
                                                        <div class="avatar avatar-online">
                                                            <img src="../../../../public/images/portraits/9.jpg" alt="...">
                                                            <i class="avatar avatar-busy"></i>
                                                        </div>
                                                    </div>
                                                    <div class="media-body align-self-center">
                                                        <h4 class="mt-0 mb-10">
                                                            张章
                                                            <small>最近联系：9 小时前</small>
                                                        </h4>
                                                        <p>
                                                            <i class="icon icon-color wb-map" aria-hidden="true"></i>广东省广州市越秀区中山六路109
                                                        </p>
                                                        <div>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-envelope" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-mobile" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-qq" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-wechat" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-weibo" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="media-right">
                                                        <button type="button" class="btn btn-outline btn-success btn-sm">
                                                            收藏
                                                        </button>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="media">
                                                    <div class="pr-0 pr-sm-20 align-self-center">
                                                        <div class="avatar avatar-away">
                                                            <img src="../../../../public/images/portraits/10.jpg" alt="...">
                                                            <i class="avatar avatar-busy"></i>
                                                        </div>
                                                    </div>
                                                    <div class="media-body align-self-center">
                                                        <h4 class="mt-0 mb-10">
                                                            张竹影
                                                            <small>最近联系：10 小时前</small>
                                                        </h4>
                                                        <p>
                                                            <i class="icon icon-color wb-map" aria-hidden="true"></i>广东省广州市越秀区中山六路109
                                                        </p>
                                                        <div>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-envelope" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-mobile" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-qq" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-wechat" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-weibo" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="media-right">
                                                        <button type="button" class="btn btn-success btn-default btn-sm">
                                                            <i class="icon wb-check" aria-hidden="true"></i>已收藏
                                                        </button>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="media">
                                                    <div class="pr-0 pr-sm-20 align-self-center">
                                                        <div class="avatar avatar-busy">
                                                            <img src="../../../../public/images/portraits/11.jpg" alt="...">
                                                            <i class="avatar avatar-busy"></i>
                                                        </div>
                                                    </div>
                                                    <div class="media-body align-self-center">
                                                        <h4 class="mt-0 mb-10">
                                                            韩庆福
                                                            <small>最近联系：11 小时前</small>
                                                        </h4>
                                                        <p>
                                                            <i class="icon icon-color wb-map" aria-hidden="true"></i>广东省广州市越秀区中山六路109
                                                        </p>
                                                        <div>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-envelope" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-mobile" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-qq" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-wechat" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-weibo" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="media-right">
                                                        <button type="button" class="btn btn-outline btn-success btn-sm">
                                                            收藏
                                                        </button>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="media">
                                                    <div class="pr-0 pr-sm-20 align-self-center">
                                                        <div class="avatar avatar-off">
                                                            <img src="../../../../public/images/portraits/12.jpg" alt="...">
                                                            <i class="avatar avatar-busy"></i>
                                                        </div>
                                                    </div>
                                                    <div class="media-body align-self-center">
                                                        <h4 class="mt-0 mb-10">
                                                            刘勇
                                                            <small>最近联系：12 小时前</small>
                                                        </h4>
                                                        <p>
                                                            <i class="icon icon-color wb-map" aria-hidden="true"></i>广东省广州市越秀区中山六路109
                                                        </p>
                                                        <div>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-envelope" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color wb-mobile" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-qq" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-wechat" aria-hidden="true"></i>
                                                            </a>
                                                            <a class="text-action" href="javascript:;">
                                                                <i class="icon icon-color fa-weibo" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="media-right">
                                                        <button type="button" class="btn btn-outline btn-success btn-sm">
                                                            收藏
                                                        </button>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                        <nav>
                                            <ul data-plugin="twbsPagination" data-total-pages="50" data-pagination-class="pagination pagination-no-border"></ul>
                                        </nav>
                                    </div>*@
                            </div>
                            <div class="tab-pane animation-fade active" id="my_contacts" role="tabpanel">
                                <ul class="list-group">
                                    <div id="div_kehu">

                                    </div>
                                </ul>
                                <div>
                                    <div id="myPage" class="demo"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<div class="modal fade example-modal-lg" id="exampleFormModalGJ" aria-hidden="true" aria-labelledby="exampleFormModalLabel" role="dialog" tabindex="-1" data-backdrop="static">
    <div class="modal-dialog modal-lg" style="width: 100%; height: 70%">
        <div class="modal-content" style="width: 100%; height: 100%">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" id="guanbi" aria-label="关闭">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">跟进</h4>
            </div>
            <div class="modal-body" style="overflow-y: scroll; margin-top: 0px;">
                <div class="row">
                    <div class="form-group col-sm-12">
                        <label class="control-label" for="inputBasicNickName" style="float: left;">描述</label>
                        <textarea id="xiangxi" class="form-control" rows="5" cols="25" style="height: 500px;"></textarea>
                    </div>
                </div>
                <div class="row">

                    <div class="form-group col-sm-7">

                        <a class="btn btn-success btn-outline" onclick="Submit();" style="width: 20%; margin-left: 70%; margin-top: 20px;">确定</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="overlay-panel overlay-icon overlay-background" id="divloading" style="display: none"></div>
    <button type="button" class="btn btn-outline btn-default" id="Success" data-plugin="sweetalert" data-title="操作成功" data-text="缴费成功！" data-type="success" style="display: none">成功提示</button>
</div>